// pages/fedback/index.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    tabs: [
      {
        id:0,
        value: "体验问题",
        isActive: true
      },
      {
        id:1,
        value: "商品、商家投诉",
        isActive: false
      }
    ],
    // 被选中的图片路径 数组
    chooseImas: [],
    // 文本域的内容
    textVal: ""
  },
  // 外网图片 路径数组
  UpLoadImges: [],
  // 标题点击事件 从子组件传递过来的
  handleTabsItemChange (e) {
    const {index} = e.detail
    let {tabs} = this.data
    tabs.forEach((v,i)=>i===index?v.isActive=true:v.isActive=false)
    this.setData({
      tabs
    })
  },
  // 点击 “+” 选择上传图片
  handleChooseImg () {
    // 调用小程序内置的选择图片api
    wx.chooseImage({
      // 最多几张图
      count: 9,
      // 所选的图片的尺寸
      sizeType: ['original', 'compressed'],
      // 选择图片的来源
      sourceType: ['album', 'camera'],
      success: (result) => {
        this.setData({
          // 图片数组 拼接 为了在次上传新的图片
          chooseImas: [...this.data.chooseImas,...result.tempFilePaths]
        })
      }
    })
  },
  // 点击自定义图片组件 删除图片
  UPhandleRemoveImg (e) {
    const {index} = e.detail
    let {chooseImas} = this.data
    chooseImas.splice(index,1)
    this.setData({
      chooseImas
    })
  },
  // 文本域的输入 事件
  handleTextInput (e) {
    this.setData({
      textVal: e.detail.value
    })
  },
  // 提交按钮的点击
  handleFormSubmit () {
    const {textVal, chooseImas} = this.data
    if (!textVal.trim()) {
      wx.showToast({
        title: '输入不合法',
        icon: 'none',
        mask: true,
      })
      return
    }
    wx.showLoading({
      title: "正在上传中",
      mask: true,
    })
    // 判断有没有图片要上传
    if (chooseImas.length != 0) {
      // 上传图片到服务器
      chooseImas.forEach((v,i)=>{
        wx.uploadFile({
          // 图片要上传的路径
          url: 'https://img.coolcr.cn/index/api.html',
          // 被上传的路径
          filePath: v,
          // 顺带的名字
          name: "image",
          formData: {},
          success: (result) => {
            console.log(result)
            let url = JSON.parse(result.data).url
            this.UpLoadImges.push(url)
            console.log(this.UpLoadImges)
  
            // 所有的图片都上传完毕触发
            if (i===chooseImas.length-1) {
              wx.hideLoading()
              console.log("提交文本和图片")
              // 重置页面
              this.setData({
                textVal: "",
                chooseImas: []
              })
              // 返回上一个页面
              wx.navigateBack({
                delta: 1
              })
            }
          },
        })
      })
    }else{
      wx.hideLoading()
      console.log("只是提交的文本")
      wx.navigateBack({
        delta: 1
      })
    }
  }

})